<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/reset.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common.css">
<link rel="stylesheet" href="__PUBLIC__/css/jquery.treeview.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/livePreview.css">
<script type="text/javascript" src="__PUBLIC__/js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.treeview.js"></script>
<title>实时预览</title>
</head>
<body>
	<div class="header">
		<div class="header_left fl">
			<a href="#"><img src="__PUBLIC__/images/navLogo.png" ></a>
			<a href="#" class="nav"><img src="__PUBLIC__/images/homeIcon.png"></a>
			<a href="#" class="nav active"><img src="__PUBLIC__/images/liveIcon.png"></a>
			<a href="#" class="nav"><img src="__PUBLIC__/images/videoIcon.png"></a>
			<a href="#" class="nav"><img src="__PUBLIC__/images/mapIcon.png"></a>
		</div>
		<div class="header_right fr">
			<img src="__PUBLIC__/images/admin.png"><em>admin</em><span>修改</span><span>|</span><span>退出</span>
		</div>
	</div>
	<div class="content live_content">
		<div class="left_bar_wrap fl">
			<h3 class="left_tit">资源</h3>
			<div class="tree_wrap">
				<ul id="tree" class="filetree">
					<li><span class="folder">资源节点</span>
						<ul>
							<li><span class="folder">海康</span>
								<ul>
									<li><span class="file">11-channel1</span></li>
									<li><span class="file">11-channel2</span></li>
									<li><span class="file">11-channel3</span></li>
									<li><span class="file">37-channel1</span></li>
									<li><span class="file">38-channel2</span></li>
									<li><span class="file">39-channel3</span></li>
								</ul>
							</li>
							<li><span class="folder">雄迈</span>
								<ul>
									<li><span class="file">16-channel1</span></li>
									<li><span class="file">xm-channel</span></li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="yuntai_wrap"><img src="__PUBLIC__/images/btn_ptz_show.png"></div>
		</div>
		<div class="right_content_wrap fr">
			<div class="video_wrap">
				<ul class="clearfix">
					<!-- 下方屏幕按钮点击切换时，下方li的class名跟着变，四宫格col2，九宫格col3,16宫格col4 -->
					<li class="col2"><img src="__PUBLIC__/images/jiankong.png"></li>
					<li class="col2"><img src="__PUBLIC__/images/jiankong.png"></li>
					<li class="col2"><img src="__PUBLIC__/images/jiankong.png"></li>
					<li class="col2"><img src="__PUBLIC__/images/jiankong.png"></li>
				</ul>
			</div>
			<div class="video_btn_wrap clearfix">
				<div class="video_btn_left fl"><img src="__PUBLIC__/images/startIcon.png"></div>
				<div class="video_btn_right fr"><span class="active">1</span><span>4</span><span>6</span><span>8</span><span>9</span><span>16</span><span>25</span><img src="__PUBLIC__/images/quanp.png"></div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		 $("#tree").treeview();
	</script>
</body>
</html>